<template>
	<view class="custom_news_list">
		<slot name="top"></slot>
		<custom-news-list-item :item="newsItem" v-for="(newsItem, index) in item.data" v-if="item.data && item.data.length>0"></custom-news-list-item>
		<view class="no_data" v-else>暂无数据</view>
		<view class="loaded" v-if="item.loaded">已经到底</view>
	</view>
</template>

<script>
	export default {
		name:"custom-news-list",
		props:{
			item:{
				type:Object,
				default(){
					return {}
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.custom_news_list{
	margin: 10rpx;
	.no_data{
		padding:20rpx;
		text-align: center;
		font-size:28rpx;
		color:#C0C0C0;
	}
	.loaded{
		padding:40rpx 20rpx;
		text-align: center;
		font-size:28rpx;
		color:#C0C0C0;
	}
}
</style>
